* {
	margin: 0;
}
/*@font-face {
	font-family: 'Ratchicons';
	src: url('fonts/ratchicons.eot');
	src: local('ratchicons Regular'), local('ratchicons'), url('fonts/ratchicons.woff') format('woff'), url('fonts/ratchicons.ttf') format('truetype'), url('fonts/ratchicons.svg#ratchicons') format('svg');
}*/

img {
	max-width: 100%;
	height: auto;
}
body {
	position: static;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	font-size: 100%;
	font-weight: normal;
	font-family: "microsoft yahei";
	max-width: 720px;
	background-color: #e6e6e6;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.wrapper {
	width: 100%;
}
li a img {
	max-width: 100%;
}
marquee {
	position: absolute;
	top: 8%;
	left: 20%;
	height: 4vw;
	width: 60%;
	background: rgba(0, 0, 0, .3);
	color: #FFFFFF;
	border-radius: 10px;
}
marquee table {
	margin: 0 auto;
}
marquee td {
	height: 2%;
	font-size: 3vw;
	line-height: 4vw;
}
/*首页人手摇晃动作*/

.shake {
	text-align: center;
	position: absolute;
	width: 100%;
	top: 33%;
}
.shake #hand_shake {
	width: 42%;
}
#hand_shake {
	animation: hand_shake 1s infinite;
	-moz-animation: hand_shake 1s infinite;
	-webkit-animation: hand_shake 1s infinite;
	-o-animation: hand_shake 1s infinite;
}
@keyframes hand_shake {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(-20deg);
		-ms-transform: rotate(-20deg);
		transform: rotate(-20deg)
	}
	100% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}
@-ms-keyframes hand_shake {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(-20deg);
		-ms-transform: rotate(-20deg);
		transform: rotate(-20deg)
	}
	100% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}
@-webkit-keyframes hand_shake {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(-20deg);
		-ms-transform: rotate(-20deg);
		transform: rotate(-20deg)
	}
	100% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}
@-moz-keyframes hand_shake {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(-20deg);
		-ms-transform: rotate(-20deg);
		transform: rotate(-20deg)
	}
	100% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}
/*首页底部按钮*/

.bottom_button {
	text-align: center;
	max-width: 80%;
	list-style: none;
	margin-top: -40%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
}
.bottom_button li {
	display: inline-block;
	margin: 5% 6%;
	width: 20%;
}
/*遮罩*/

.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .7);
	z-index: 3;
}
/*排行，规则，体验金使用弹窗*/

.list {
	display: none;
	position: fixed;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.list_wrapper {
	margin: 0 auto;
	max-width: 680px;
	position: relative;
}
.tittle {
	position: absolute;
	text-align: center;
	max-width: 100%;
	z-index: 5;
	top: 15%;
	left: 0;
	right: 0;
}
.tittle img {
	max-width: 30%;
	font-size: 2em;
}
.tittle p {
	margin: 3% 22%;
	font-size: 4vw;
	line-height: 5vw;
	color: #f6ff01;
}
.list_content {
	position: absolute;
	top: 37%;
	left: 0;
	right: 0;
	/*text-align: center;*/
}
.conten_button {
	display: none;
	text-align: center;
}
.conten_button button {
	background-color: #f6ac2d;
	font-size: 3vw;
	width: 32%;
	line-height: 1.5em;
	margin: 0 1%;
	color: white;
}
/*排行*/

.list_content table {
	display: none;
	color: white;
	background-color: #3d3a39;
	margin: -2% auto;
	width: 66.7%;
	border-radius: 1%;
}
td,
th {
	border: 0;
	text-align: center;
	line-height: 5.8vw;
	font-size: 3.6vw;
	width: 1%;
}
/*使用体验金*/

.tiyanjin {
	display: none;
	color: white;
	background-color: #3d3a39;
	margin: 3% auto;
	width: 66.7%;
	border-radius: 1%;
}
.tiyanjin .icon {
	float: right;
}
.tiyanjin #yellow {
	font-size: 5vw;
	line-height: 8vw;
	padding: 13% 5% 2%
}
.tiyanjin #white {
	font-size: 4vw;
	line-height: 7vw;
	padding: 5% 5% 15%
}
.tiyanjin hr {
	position: relative;
	width: 80%;
	left: 10%;
}
.footer_cancel {
	position: absolute;
	text-align: center;
	bottom: 7%;
	left: 0;
	right: 0;
}
/*规则*/

.rules {
	display: none;
	background-color: #3d3a39;
	margin: 3% auto;
	width: 66.7%;
	height: 73vw;
	overflow: auto;
	border-radius: 1%
}
.rules p {
	padding: 5% 5% 0;
	font-size: 4vw;
	line-height: 6vw;
	color: #FFFFFF;
}
/*摇动进度条弹窗*/

.shock {
	display: none;
	position: fixed;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 4;
	text-align: center;
}
.shock_tittle {
	position: absolute;
	top: 10%;
	right: 0;
	left: 0;
}
.shock p {
	color: #f6ff0a;
	font-size: 4vw;
	line-height: 6vw;
}
.shock_content {
	position: absolute;
	top: 15%;
	text-align: center;
	width: 100%;
}
.lol_bar {
	position: absolute;
	bottom: 25%;
	right: 37.4%;
	width: 28%;
	height: 1%;
	background: #e9b119;
	transition: width 2s;
	-webkit-transition: width 2s;
	z-index: -1;
}
/*摇完弹窗*/

.finish {
	display: none;
	position: fixed;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 4;
	text-align: center;
}
.finish_wrapper {
	margin: 0 auto;
	max-width: 680px;
	position: relative;
}
.finish_tittle {
	position: absolute;
	text-align: center;
	z-index: 5;
	top: 7%;
}
.finish_tittle p {
	color: #f6ff0a;
	font-size: 4vw;
	line-height: 6vw;
}
.finish_content {
	position: absolute;
	top: 15%;
	text-align: center;
	width: 100%;
}
.finish_content button {
	width: 50%;
	margin: 3% auto;
	background-color: #e9b119;
	color: white;
}
.footer_tips {
	position: absolute;
	bottom: 5%;
}
.footer_tips p {
	margin: 0 5%;
	color: #f6ff0a;
	font-size: 3vw;
}
/*分享页面*/

.share_random{
	background-color: #000000;
	text-align: center;
	margin-top: -1%;
}
.share_form {
	background-color: #000000;
	text-align: center;
	margin-top: -5%;
	/*padding: 6%;*/
}
.share_form input {
	width: 80%;
	margin: 2% 5%;
}
.btn-block {
	width: 80%;
	height: 35px;
	margin: 3% auto;
	font-size: 5vw;
	line-height: 1vw;
	background-color: #15afd1;
	color: #FFFFFF;
}
.verification {
	width: 80%;
	margin: 0 auto;
}
.verification button {
	position: relative;
	width: 34%;
	height: 35px;
	margin: 3% 0;
	left: 4.5%;
	font-size: 4vw;
	background-color: #f6ad2d;
	color: #FFFFFF;
	vertical-align: middle;
	padding: 0;
}
.verification input {
	position: relative;
	left: -5%;
	margin: 3% 0;
	width: 54%;
	height: 35px;
	vertical-align: middle;
}
/*分享弹窗*/

.share_wrapper {
	display: none;
	position: fixed;
	margin: auto;
	top: 6%;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 4;
	text-align: center;
}

.cover {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: #000000;
    opacity: 0.8;
}